import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
    {
  path: '/',
  name: 'index',
  redirect:'/decisionTreeRegressor',
  component: () => import('../views/index.vue'),
  children:[
    {path: 'decisionTreeRegressor', name: 'Bottom1', components:{
        left: () => import('../views/bottom/bottom1/bottomLeft.vue'),
        right: () => import('../views/bottom/bottom1/bottomRight.vue'),
        center: () => import('../views/center/center1/center'),
      }},

      {path: 'KNNRegression', name: 'Bottom2', components:{
              left: () => import('../views/bottom/bottom2/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom2/bottomRight.vue'),
              center: () => import('../views/center/center2/center'),
          }},
      {path: 'lassoRegression', name: 'Bottom3', components:{
              left: () => import('../views/bottom/bottom3/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom3/bottomRight.vue'),
              center: () => import('../views/center/center3/center'),
          }},
      {path: 'MLPRegression', name: 'Bottom4', components:{
              left: () => import('../views/bottom/bottom4/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom4/bottomRight.vue'),
              center: () => import('../views/center/center4/center'),
          }},
      {path: 'multipleLinearRegression', name: 'Bottom5', components:{
              left: () => import('../views/bottom/bottom5/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom5/bottomRight.vue'),
              center: () => import('../views/center/center5/center'),
          }},
      {path: 'ridgeRegression', name: 'Bottom6', components:{
              left: () => import('../views/bottom/bottom6/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom6/bottomRight.vue'),
              center: () => import('../views/center/center6/center'),
          }},
      {path: 'SVR', name: 'Bottom7', components:{
              left: () => import('../views/bottom/bottom7/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom7/bottomRight.vue'),
              center: () => import('../views/center/center7/center'),
          }},
      {path: 'EL_stacking', name: 'Bottom8', components:{
              left: () => import('../views/bottom/bottom8/bottomLeft.vue'),
              right: () => import('../views/bottom/bottom8/bottomRight.vue'),
              center: () => import('../views/center/center8/center'),
          }},
      // {path: 'right1', name: 'Right', component: () => import('../views/bottomRight.vue')},
    // {path: 'bottomRight1', name: 'Right', component: () => import('../views/bottomRight1.vue')},
  ]
},
    {
        path: '/calculate',
        name: 'calculate',
        component: () => import('@/views/predict'),
        meta: {
            title: '模型预测'
        }
    },
]
const router = new VueRouter({
  routes
})

export default router
